<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        body {
            height: 3000px;
            background-image: url(../images/moshou.jpeg);
            background-repeat: no-repeat;
            /* 这种做法一般用于 超大背景图片显示的做法 背景定位 */
            background-position: center top;
            background-color: turquoise;
            /* 默认 滑动 */
            /* background-attachment: scroll; */
            /* 背景固定 */
            background-attachment: fixed;
        }

        p {
            font-size: 30px;
            color: #fff;
        }
    </style>
</head>

<body>
    <p>天王盖地虎，小鸡炖蘑菇</p>
    <p>天王盖地虎，小鸡炖蘑菇</p>
    <p>天王盖地虎，小鸡炖蘑菇</p>
    <p>天王盖地虎，小鸡炖蘑菇</p>
    <p>天王盖地虎，小鸡炖蘑菇</p>
    <p>天王盖地虎，小鸡炖蘑菇</p>
    <p>天王盖地虎，小鸡炖蘑菇</p>
    <p>天王盖地虎，小鸡炖蘑菇</p>
    <p>天王盖地虎，小鸡炖蘑菇</p>
    <p>天王盖地虎，小鸡炖蘑菇</p>
    <p>天王盖地虎，小鸡炖蘑菇</p>
    <p>天王盖地虎，小鸡炖蘑菇</p>
    <p>天王盖地虎，小鸡炖蘑菇</p>
    <p>天王盖地虎，小鸡炖蘑菇</p>
    <p>天王盖地虎，小鸡炖蘑菇</p>
    <p>天王盖地虎，小鸡炖蘑菇</p>
    <p>天王盖地虎，小鸡炖蘑菇</p>
    <p>天王盖地虎，小鸡炖蘑菇</p>
    <p>天王盖地虎，小鸡炖蘑菇</p>
    <p>天王盖地虎，小鸡炖蘑菇</p>
    <p>天王盖地虎，小鸡炖蘑菇</p>
    <p>天王盖地虎，小鸡炖蘑菇</p>
    <p>天王盖地虎，小鸡炖蘑菇</p>
    <p>天王盖地虎，小鸡炖蘑菇</p>
</body>

</html>